草庐IT

html - 动画 :hover:after

全部标签

javascript - 如何从嵌入式 svg 调用父 html 文档中的函数

我对svg很陌生,我必须用它执行任务,但我遇到了很多麻烦。我有一个svg(例如map),其中包含由路径定义的区域。我的目标是触发onClick一个svg外部的函数来做一些事情(例如,通过ajax检索一些与所选区域相关的人数据,并将它们显示在html页面中的svg之外)。我无法做到的是从svg中的元素触发在svg外部定义的函数。如果我添加svg内联,我可以做到这一点,但我需要使用嵌入标签使其与ieAdob​​e插件一起工作。有什么建议吗?提前致谢。 最佳答案 参见thisexample.svg中的代码如下所示:document.get

javascript - 网络音频 API : noteOn after noteOff not working?

我使用WebAudioAPI编写了一个简单的Web应用程序,但我注意到当我向给定源发出noteOn(0)命令,然后是noteOff(0),然后最后通过另一个noteOn(0)命令,声音将打开、关闭(如预期的那样),但随后不会通过第三个命令打开。我做错了什么吗?就这么简单,我可以给你看代码,但我觉得它是多余的。也许我需要在noteOff之后将缓冲区重新分配给源,但我无法想象它是如何使用的。 最佳答案 AudioBufferSourceNode只能播放一次。http://youtu.be/hFsCG7v9Y4c?t=18m22s

javascript - 动画/减慢元素填充删除元素留下的空间

这是我的例子:http://jsfiddle.net/MT5xS/当您单击第一张图片时,它会被删除,所有后续图片都会移回以填充它留下的空间。但是它们移动得太快了,您甚至都感觉不到它们在移动。我的问题是,如何让这些元素顺利移动?当您移动或删除图标时,基本上就像iPhone,就像这样http://youtu.be/-r7K4LTbI4A?t=27s我不担心IE6/7/8或任何其他兼容性问题。 最佳答案 据我所知,最常见的解决方案是制作动画hide(),然后在回调函数中删除您的图像。$('.user-pic').live('click',

javascript - 在 html5 Canvas 上旋转对象后返回未转换的鼠标坐标

我在html5Canvas中围绕可变原点旋转对象。如果用户点击新旋转的矩形中的给定点,我需要将返回的鼠标坐标围绕同一原点旋转回来。我画了一个非常快速的图,希望能更好地说明:我基本上需要一个函数,它将实际单击的鼠标坐标作为x和y,并将它们转换为旋转之前的对象位置。varorigin={x:100,y:100};varangle=45;functiontransformCoordinates(x,y){//Performcalculationtotransformcoordinatesreturn{x:newx,y:newy};}可用的变量将是旋转和Angular变换原点。以及Canvas

javascript - 将 ng-include 用于原始(或编译)HTML 还是模板 URL?

假设我有一个模板,其中包含一个带有ng-include指令的元素:我正在尝试将我们所有的模板简化为我们构建的应用程序JS(使用browserify和brfs转换),从概念上讲,它看起来像:这最终会导致:listitem">除了在ng-include中使用模板URL之外,还有什么方法可以使用原始或编译后的HTML吗?如果没有,是否有另一种Angular替代方法可以让我完成这个,无论是作为某种包含还是部分,但能够包含原始/编译的HTML? 最佳答案 我自己花了几天时间,使用$templateCache找到了一个很好的解决方案。javas

javascript - 使用 Javascript 或 CSS3 制作动画?

我一直想知道在性能方面什么对动画更好-Javascript或CSS3。在此页面上,您可以比较GSAP、jQuery和CSS3:http://css-tricks.com/myth-busting-css-animations-vs-javascript/向下滚动到性能比较。现在我的问题如下:CSS3迟早会比Javascript(在本例中为GSAP)更快吗?那么我们应该使用CSS3还是仍然使用Javascript来编写动画?更新:另一个网站:http://greensock.com/transitions/目前看来,GSAP在大多数方面都比CSS3快,但在3D转换方面CSS3更快。现在的

javascript - AngularJS - $location html5Mode 是如何工作的?

我问这个是因为现在有几次,我已经尝试使用$locationProvider.html5Mode(true)命令连同并在为我的项目调用脚本/样式/图像时遇到了很多错误。我想一定是我做错了什么,但是你是否应该遵循某种文件夹结构,这样你就不会遇到这些错误?或者是否有一种特定的方式来basehref我不太了解的作品?最近,我想在一个非常非常小的应用程序上尝试一下。它实际上是一个静态网站,但我想利用Angular的路由来确保所有页面都能立即加载。所以我的结构应该是这样的:my-projectcssimagesjsangularapp.jsapp.routes.jsmainCtrl.jsviews

javascript - 动画和过渡的组合无法正常工作

我一直在尝试放置一些基本的CSS3动画。目标是在按钮的单击事件上切换一个类,并根据添加的类为div设置动画。该代码对于Firefox中切换的第一次迭代非常有效,但对于Chrome等其他浏览器以及Firefox中的下一次迭代,转换会在眨眼间切换。请帮助我找出问题所在。片段:$('button').click(function(){$('div').toggleClass('clicked');});div{background-color:#ccc;height:100px;width:100px;transition-property:top,left;transition-durat

javascript - Chrome 开发者工具 |呈现为 HTML 时预览 Pane 中的滚动问题

在ChromeDevTools的Network面板中,将过滤器请求类型设置为All/XHR,PreviewPane下的滚动条(垂直和水平条)不滚动为了克服上述情况,我采用了以下两种方法:由于这两种方法都遵循相同的方法,将DevTools停靠到一个单独的窗口中,然后按F12或按CTRL+SHIFT+我在DevTools内部检查—Inspect-in-Inspect(即嵌套检查)第一种方法:检查预览iframe,您将能够看到.html-preview-frame有一个pointer-events属性设置为none。禁用pointer-events属性或将其设置为auto滚动功能将恢复,直到

javascript - 如何将 JavaScript onClick 处理程序添加到嵌入式 html 对象?

我正在尝试将onClick处理程序添加到嵌入式对象。处理程序需要执行一个位于外部.js文件中的函数,该文件通过链接到当前的html文件。.由于函数位于其他位置,我是否需要以不同方式引用该函数?这是目前的代码(不起作用,但也不会产生任何错误): 最佳答案 您必须在svg内部实现onclick,并使用svg内部的javascript将其链接到外部JavaScript函数。有关示例,请参阅SVGwiki。更新:显然SVGwiki已经不存在了。毫不奇怪,我现在可以(快速)找到的最佳引用资料都在StackOverflow本身。Thisansw